<!DOCTYPE html>
<html>

<head>
    <title>自动应答界面</title>
</head>

<body >
    <h1>自动应答界面</h1>

    <div>
        <label for="user_question">请输入您的问题：</label>
        <input type="text" id="user_question" placeholder="在这里输入您的问题">
        <button onclick="getAutoResponse()">获取答案</button>
    </div>

    <div>
        <h2>答案：</h2>
        <p id="response_text"></p>
    </div>

    <script>
        function getAutoResponse() {
            // 获取用户输入的问题
            var userQuestion = document.getElementById("user_question").value;

            // 这里可以添加自动回复的逻辑，根据用户问题生成答案
            // 例如，可以使用Ajax请求后端服务来获取答案，或者在前端根据一些规则生成答案。
            // 在这个示例中，我们只是展示一个固定的示例答案。
            var exampleResponse = "这是一个示例答案，您的问题是：" + userQuestion;

            // 将答案显示在页面上
            document.getElementById("response_text").textContent = exampleResponse;
        }
    </script>
</body>

</html>